<!DOCTYPE html>
<html>

    <head>

        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title> - 个人信息</title>
        <meta name="keywords" content="">
        <meta name="description" content="">

        <link href="assets/admin/css/bootstrap.min.css" rel="stylesheet">
        <link href="assets/admin/css/font-awesome.min.css" rel="stylesheet">

        <link href="assets/admin/css/animate.css" rel="stylesheet">
        <link href="assets/admin/css/style.css?v=4.1.0" rel="stylesheet">
        <style>
            .lv-sty {
                position: absolute;
                /* top: -2px; */
                bottom: 10px;
                right: 0px;
                animation: myfirst .8s;
                -webkit-animation: myfirst .8s;
                /* Safari and Chrome */
                animation-iteration-count: infinite;
            }

            @keyframes myfirst {
                from {
                    background: #e3dd6c;
                    bottom: 12px;
                }

                to {
                    /* top: -3px; */
                    background: yellow;
                }
            }

            @-webkit-keyframes myfirst

            /* Safari and Chrome */
                {
                from {
                    bottom: 12px;
                    background: #e58e0d
                }

                to {
                    background: yellow;
                }
            }

        </style>
    </head>

    <body class="gray-bg">
        <div class="wrapper wrapper-content  animated fadeInRight" style="padding:0px">
            <div class="row">

                <div class="col-sm-12">
                    <div class="ibox ">

                        <div class="ibox-content">
                            <div class="tab-content">
                                <div id="contact-1" class="tab-pane active">
                                    <div class="row m-b-lg">
                                        <div class="col-lg-4 text-center">
                                            <style>
                                                .img-input {
                                                    position: absolute;
                                                    top: 0px;
                                                    width: 62px;
                                                    height: 62px;
                                                    text-align: center;
                                                    left: 0;
                                                    right: 0;
                                                    bottom: 0;
                                                    border-radius: 50%;
                                                    margin: auto;
                                                    background: rgba(0, 0, 0, .5);
                                                    opacity: 0;
                                                }

                                            </style>
                                            <form role="form" id="form" enctype="multipart/form-data">
                                                <div class="m-b-sm">
                                                    <img alt="image" id="user-icon" class="img-circle"
                                                        src="{{$data->icon}}"
                                                        style="width: 62px;height: 62px;object-fit: cover;">
                                                    <input class="form-control-file img-input" name="file" id="fileicon"
                                                        type="file" aria-describedby="fileHelp">
                                                </div>
                                            </form>
                                        </div>
                                        <div class="col-lg-8">
                                            <h3>
                                                个性签名
                                            </h3>

                                            <p id="info-qm">{{$data->art}}</p>

                                            <button type="button" class="btn btn-primary btn-sm btn-block"
                                                onclick="infoedit('qm')">点击修改
                                            </button>
                                        </div>
                                    </div>
                                    <div class="client-detail" style="height:100%;">
                                        <div class="full-height-scroll">

                                            <strong>个人信息</strong>

                                            <ul class="list-group clear-list">
                                                <li class="list-group-item fist-item">
                                                    <span class="pull-right" id="info-zh"> {{$data->user_name}}</span>
                                                    账号
                                                </li>
                                                <li class="list-group-item">
                                                    <span class="pull-right" id="info-nc" onclick="infoedit('nc')">
                                                        {{$data->nickname}} </span> 昵称
                                                </li>
                                                <li class="list-group-item">
                                                    <span class="pull-right" id="info-yx" onclick="infoedit('yx')">
                                                        {{$data->email}} </span> 邮箱
                                                </li>
                                                <li class="list-group-item" style="cursor: pointer;" onclick="userlv()"
                                                    onmouseover="lvinfo(this)" onmouseout="lvend()">
                                                    <input type="hidden" id="lvexp" value="@if(isset($lvexp->exp)) 升级到下一级还需要 {{$lvexp->exp}} 积分 @else
                                                        已经是最高级了 @endif" style="display: none;">

                                                    <svg t="1580371894727" class="icon lv-sty" viewBox="0 0 1024 1024"
                                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1286"
                                                        width="18" height="18" style="float: right;">
                                                        <path
                                                            d="M332.8 691.2h358.4V332.8h179.2L512 64 153.6 332.8h179.2zM377.6 736c-24.7 0-44.8 20.1-44.8 44.8 0 24.7 20.1 44.8 44.8 44.8h268.8c24.7 0 44.8-20.1 44.8-44.8 0-24.7-20.1-44.8-44.8-44.8H377.6zM736 870.4H288c-24.7 0-44.8 20.1-44.8 44.8 0 24.7 20.1 44.8 44.8 44.8h448c24.7 0 44.8-20.1 44.8-44.8 0-24.7-20.1-44.8-44.8-44.8z"
                                                            fill="#ea3c1c" p-id="1287"></path>
                                                    </svg>
                                                    <span class="pull-right" style="margin-right: 20px;">
                                                        lv{{$data->lv}} </span> 等级
                                                </li>
                                                <li class="list-group-item">
                                                    <span class="pull-right"> {{$data->integral}} </span> 积分
                                                </li>
                                            </ul>
                                            <strong>邀请好友</strong>

                                            <p style="margin-top:8px">
                                                <code>通过以下方式邀请好友即可获得积分奖励</code>
                                            </p>
                                            <div class="input-group">
                                                <input type="text" placeholder="推广链接" id="copy2" value="{{$tuiguang}}"
                                                    class="input form-control">
                                                <span class="input-group-btn">
                                                    <button type="button" class="btn btn btn-primary"
                                                        onClick="CopyAdd()"> 复制</button>
                                                </span>
                                            </div>


                                            <div class="social-body">
                                                <img src="http://api.941dg.cn/api/qrcode?text={{$tuiguang}}"
                                                    class="img-responsive" width="100%">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 全局js -->
        <script type="text/javascript" src="assets/admin/js/jquery.min.js"></script>
        <script type="text/javascript" src="assets/admin/js/bootstrap.min.js"></script>

        <script src="assets/admin/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
        <script src="assets/layer/layer.js"></script>
        <script type="text/javascript" src="assets/home/js/operation/userinfo.js"></script>

        <script>
            $(function () {
                $('.full-height-scroll').slimScroll({
                    height: '100%'
                });
            });

        </script>
    </body>

</html>
